﻿<!-- Items  start-->

<div class="items">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <h3 class="title">Popular Deals</h3>
      </div>
      <!-- Item #1 -->
      <div class="col-md-3 col-sm-4">
        <div class="item">
          <!-- Item image -->
          <div class="item-image">
            <a href="single-item.html"><img src="@Url.Content("~/Plugins/EcommItems/EcommDB/img/photos/2.png")" alt="" /></a>
          </div>
          <!-- Item details -->
          <div class="item-details">
            <!-- Name -->
            <!-- Use the span tag with the class "ico" and icon link (hot, sale, deal, new) -->
            <h5><a href="single-item.html">HTC One V</a><span class="ico"><img src="@Url.Content("~/Plugins/EcommItems/EcommDB/img/hot.png")" alt="" /></span></h5>
            <div class="clearfix"></div>
            <!-- Para. Note more than 2 lines. -->
            <p>Something about the product goes here. Not More than 2 lines.</p>
            <hr />
            <!-- Price -->
            <div class="item-price pull-left">$360</div>
            <!-- Add to cart -->
            <div class="button pull-right"><a href="#">Add to Cart</a></div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>

      <!-- Item #2 -->
      <div class="col-md-3 col-sm-4">
        <div class="item">
          <!-- Item image -->
          <div class="item-image">
            <a href="single-item.html"><img src="@Url.Content("~/Plugins/EcommItems/EcommDB/img/photos/3.png")" alt="" /></a>
          </div>
          <!-- Item details -->
          <div class="item-details">
            <!-- Name -->
            <h5><a href="single-item.html">Dell One V</a></h5>
            <!-- Para. Note more than 2 lines. -->
            <p>Something about the product goes here. Not More than 2 lines.</p>
            <hr />
            <!-- Price -->
            <div class="item-price pull-left">$264</div>
            <!-- Add to cart -->
            <div class="button pull-right"><a href="#">Add to Cart</a></div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>  

      <div class="col-md-3 col-sm-4">
        <div class="item">
          <!-- Item image -->
          <div class="item-image">
            <a href="single-item.html"><img src="@Url.Content("~/Plugins/EcommItems/EcommDB/img/photos/4.png")" alt="" /></a>
          </div>
          <!-- Item details -->
          <div class="item-details">
            <!-- Name -->
            <h5><a href="single-item.html">Cannon One V</a><span class="ico"><img src="@Url.Content("~/Plugins/EcommItems/EcommDB/img/new.png")" alt="" /></span></h5>
            <!-- Para. Note more than 2 lines. -->
            <p>Something about the product goes here. Not More than 2 lines.</p>
            <hr />
            <!-- Price -->
            <div class="item-price pull-left">$160</div>
            <!-- Add to cart -->
            <div class="button pull-right"><a href="#">Add to Cart</a></div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>

      <div class="col-md-3 col-sm-4">
        <div class="item">
          <!-- Item image -->
          <div class="item-image">
            <a href="single-item.html"><img src="@Url.Content("~/Plugins/EcommItems/EcommDB/img/photos/5.png")" alt="" /></a>
          </div>
          <!-- Item details -->
          <div class="item-details">
            <!-- Name -->
            <h5><a href="single-item.html">Apple One V</a><span class="ico"><img src="@Url.Content("~/Plugins/EcommItems/EcommDB/img/deal.png")" alt="" /></span></h5>
            <!-- Para. Note more than 2 lines. -->
            <p>Something about the product goes here. Not More than 2 lines.</p>
            <hr />
            <!-- Price -->
            <div class="item-price pull-left">$420</div>
            <!-- Add to cart -->
            <div class="button pull-right"><a href="#">Add to Cart</a></div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>

      <div class="col-md-3 col-sm-4">
        <div class="item">
          <!-- Item image -->
          <div class="item-image">
            <a href="single-item.html"><img src="@Url.Content("~/Plugins/EcommItems/EcommDB/img/photos/6.png")" alt="" /></a>
          </div>
          <!-- Item details -->
          <div class="item-details">
            <!-- Name -->
            <h5><a href="single-item.html">Samsung One V</a></h5>
            <!-- Para. Note more than 2 lines. -->
            <p>Something about the product goes here. Not More than 2 lines.</p>
            <hr />
            <!-- Price -->
            <div class="item-price pull-left">$300</div>
            <!-- Add to cart -->
            <div class="button pull-right"><a href="#">Add to Cart</a></div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>

      <div class="col-md-3 col-sm-4">
        <div class="item">
          <!-- Item image -->
          <div class="item-image">
            <a href="single-item.html"><img src="@Url.Content("~/Plugins/EcommItems/EcommDB/img/photos/7.png")" alt="" /></a>
          </div>
          <!-- Item details -->
          <div class="item-details">
            <!-- Name -->
            <h5><a href="single-item.html">Micromax One V</a><span class="ico"><img src="@Url.Content("~/Plugins/EcommItems/EcommDB/img/sale.png")" alt="" /></span></h5>
            <!-- Para. Note more than 2 lines. -->
            <p>Something about the product goes here. Not More than 2 lines.</p>
            <hr />
            <!-- Price -->
            <div class="item-price pull-left">$240</div>
            <!-- Add to cart -->
            <div class="button pull-right"><a href="#">Add to Cart</a></div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>

      <div class="col-md-3 col-sm-4">
        <div class="item">
          <!-- Item image -->
          <div class="item-image">
            <a href="single-item.html"><img src="@Url.Content("~/Plugins/EcommItems/EcommDB/img/photos/8.png")" alt="" /></a>
          </div>
          <!-- Item details -->
          <div class="item-details">
            <!-- Name -->
            <h5><a href="single-item.html">Nokia One V</a></h5>
            <!-- Para. Note more than 2 lines. -->
            <p>Something about the product goes here. Not More than 2 lines.</p>
            <hr />
            <!-- Price -->
            <div class="item-price pull-left">$50</div>
            <!-- Add to cart -->
            <div class="button pull-right"><a href="#">Add to Cart</a></div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>

      <div class="col-md-3 col-sm-4">
        <div class="item">
          <!-- Item image -->
          <div class="item-image">
            <a href="single-item.html"><img src="@Url.Content("~/Plugins/EcommItems/EcommDB/img/photos/9.png")" alt="" /></a>
          </div>
          <!-- Item details -->
          <div class="item-details">
            <!-- Name -->
            <h5><a href="single-item.html">Sony One V</a></h5>
            <!-- Para. Note more than 2 lines. -->
            <p>Something about the product goes here. Not More than 2 lines.</p>
            <hr />
            <!-- Price -->
            <div class="item-price pull-left">$100</div>
            <!-- Add to cart -->
            <div class="button pull-right"><a href="#">Add to Cart</a></div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>                                                                      

    </div>
  </div>
</div>

<!-- Items  end-->